<template>
     <div class="box1">
        <div class="box2">
            <svg class="icon" aria-hidden="true">
       <use xlink:href="#icon-tuijian" class="icon_use"></use>
         </svg>
         <span>每日推荐</span>
        </div>
        <div class="box2">
            <svg class="icon" aria-hidden="true">
       <use xlink:href="#icon-gedan" class="icon_use"></use>
         </svg>
         <span>私人FM</span>
        </div>
        <div class="box2">
            <svg class="icon" aria-hidden="true">
       <use xlink:href="#icon-bofangqi" class="icon_use"></use>
         </svg>
         <span>歌单</span>
        </div>
        <div class="box2">
            <svg class="icon" aria-hidden="true">
       <use xlink:href="#icon-paihangbang" class="icon_use"></use>
         </svg>
         <span>排行榜</span>
        </div>
     </div>
</template>
<script>
export default {
  
}
</script>
<style lang="less" scoped>
.box1{
    width: 100%;
    height: 1.4rem;
    display: flex;
    justify-content: space-around;
    align-items: center;
    .box2{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        .icon{
    width: 1rem;
    height: 1rem;
}
    }
}

</style>
